<div class="p-4 card rounded-3 account-sidebar bg-gray-100 border-0">
  <ul class="list-unstyled my-n4">
    <li class="my-4 lead fw-bold">{{ customer.email }}</li>
    <hr class="my-0">
    <li class="my-4">
      <a class="text-decoration-none d-none d-lg-block {% if request.page_type == 'customers/account' or request.page_type == 'customers/order' %}link-primary{% else %}account-sidebar__link{% endif %}" href="{{ routes.account_url }}">{{ 'customer.account.my_orders' | t }}</a>
      <a class="text-decoration-none d-block d-lg-none d-flex align-items-center justify-content-between account-sidebar__link icon-wrap-md" href="{{ routes.account_url }}#orders">
        {{ 'customer.account.my_orders' | t }}
        {% render 'icon-chevron-right' %}
      </a>
    </li>
    <li class="my-4">
      <a class="text-decoration-none d-none d-lg-block {% if request.page_type == 'customers/addresses' %}link-primary{% else %}account-sidebar__link{% endif %}" href="{{ routes.account_addresses_url }}">{{ 'customer.account.my_addresses' | t }}</a>
      <a class="text-decoration-none d-block d-lg-none d-flex align-items-center justify-content-between account-sidebar__link icon-wrap-md" href="{{ routes.account_addresses_url }}">
        {{ 'customer.account.my_addresses' | t }}
        {% render 'icon-chevron-right' %}
      </a>
    </li>
    <hr class="my-0">
    <li class="my-4">
      <a class="text-decoration-none account-sidebar__link as-logout-btn" href="{{ routes.account_logout_url }}">{{ 'customer.customer.log_out' | t }}</a>
    </li>
  </ul>
</div>
